<template>
  <div
    class="empty-column"
    :style="emptyStyles"
  />
</template>

<script>
import { addUnit } from '@/components/umbe/utils/format/unit'
export default {
  name: 'PlaceEmpty',
  props: {
    value: {
      type: Object,
      required: true
    }
  },
  data() {
    return {}
  },
  computed: {
    options: {
      get() {
        return this.value
      },
      set(v) {
        this.value = v
      }
    },
    styles() {
      if (this.options && this.options.styles) {
        return this.options.styles
      }
      return null
    },
    emptyStyles() {
      console.log('optionStyles23:', this.styles)
      if (this.styles && this.styles.height && this.styles.height !== 20) {
        return {
          height: addUnit(this.styles.height)
        }
      }
      return null
    }
  }
}
</script>

<style lang="scss" scoped>
.empty-column {
  padding: 0 10px;
  height: 20px;
  width: 100%;
}
</style>
